<!--
 * @LastEditors: yuSeen
 * @LastEditTime: 2021-12-24 16:15:10
 * 天凉好个秋
-->
<template>
  <div class="recommend flex-col-c">
      <Swiper :list="bannerList" />
      <SongList />
  </div>
  
</template>

<script lang='ts' setup>

import { defineComponent, onMounted, reactive, ref, unref } from 'vue';
import { getBanner } from '@/service/api/recommendMusic/recommendMusic'
import type { IBanner } from '@/service/api/recommendMusic/types'
import Swiper from './components/swiper.vue';
import SongList from './components/songList.vue';


const bannerList = ref<IBanner>([])

onMounted(async () => {
  //@ts-ignore
  const { banners } = await getBanner()
  bannerList.value = banners  
})

</script>

<style scoped lang='scss'>
.recommend {
  
}
</style>